<script setup lang="ts">
import Event1 from '../../../views/pre-learn/2_custom/Event1.vue'
import Event2 from '@/views/pre-learn/2_custom/Event2.vue'

const handler = (
  a: number,
  b: number,
  c: number,
  d: number,
  $event: MouseEvent,
) => {
  console.log(a, b, c, d, $event)
}
const handlerXXX = (p1: string) => {
  console.log('xxxx', p1)
}
</script>

<template>
  <div>
    <h1>事件</h1>
    <pre @click="handler(1, 2, 3, 4, $event)">点我点我</pre>
    <hr />
    <Event1 />
    <Event2 />
    <Event2 @xxx="handlerXXX" />
  </div>
</template>

<style scoped></style>
